<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />

<link rel="stylesheet" type="text/css" href="/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="/static/h-ui.admin/css/style.css" />
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.js"></script>
<script>

$(function(){
	$("#end").blur(function(){
		$.post("/checkByDateServlet",{begin:$("#begin").val(),end:$("#end").val()});
		
	});
	
	
	
})
</script>
<title>进销存管理系统</title>
</head>
<body>
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页
	<span class="c-gray en">&gt;</span>
	收款管理
	<span class="c-gray en">&gt;</span>
	历史查询
	<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>

	<div class="page-container" style="margin-left:30px"> 	
	<div id="datetool" style="padding: 10px">
	请输入日期：（格式为XXXX-XX-XX）<br/>
		<input type="text"  id="begin" >--
		<input type="text"  id="end" >&nbsp;&nbsp;&nbsp;
		 <a href="javascript:location.replace(location.href);" id="reff" >查找</a>
	</div> 
	<div>开始日期：${beging} <br/>
	</div>
	<div>
	截止日期：${endd}
	</div>
	
	<div class="mt-20">
		<table class="table table-border table-bordered table-bg table-hover table-sort">
			<thead>
				<tr class="text-c">
					<th width="200">客户编号</th>
					<th width="200">客户姓名</th>
					<th width="200">销售单号</th>
					<th width="200">收款日期</th>
					<th width="200">收款总额</th>	
				</tr>
			</thead>
			
		<tbody>
			<c:forEach items="${receiptflows }" var="rece">
				<tr class='text-c'>
					<td>${rece.sale.customer.cusId}</td>
					<td>${rece.sale.customer.cusName}</td>
					<td>${rece.sale.salesId}</td>
					<td>${rece.preBill.moneyDate}</td>
					<td>${rece.preBill.money}</td>
				</tr>
			</c:forEach>
		</tbody>
		</table>	
	</div>
</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">
$('.table-sort').dataTable({
	"aaSorting": [[ 1, "desc" ]],//默认第几个排序
	"bStateSave": true,//状态保存
	"aoColumnDefs": [
	  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
	  {"orderable":false,"aTargets":[0,0]}// 制定列不参与排序
	]
});



</script>
</body>
</html>